Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Dev Tools] Fix height calc in calc issue for ie11 #66010

Merged

Conversation

jloleysens
Copy link
Contributor

@jloleysens jloleysens commented May 11, 2020

Summary

After #64018 was merged Console, Searchprofiler and Painless Lab no longer render correctly on IE11:

Console

Screenshot 2020-05-11 at 11 58 03

Searchprofiler

Screenshot 2020-05-11 at 11 58 14

It looks like this is related to use of calc in calc, so instead we use SCSS to do the calculations. The Dev Tools that are fixed height still render with a sidebar and can scroll ~1px. This only happens on IE11 in Console, SearchProfiler and Painless. The same thing happens on FF for Painless Lab.

Screenshot 2020-05-11 at 14 48 25

Any advice on how to fix would be greatly appreciated.

Tested on FF, Chrome, Safari and IE11.

How to test

  1. Start Kibana with: BROWSERSLIST_ENV=production yarn start --host 0.0.0.0
  2. Edit src/core/server/rendering/views/template.tsx . Specifically change window.__kbnCspNotEnforced__ = true; to window.__kbnCspNotEnforced__ = false; (hacky, not sure how this works otherwise)

Checklist

For maintainers

@jloleysens jloleysens added Feature:Dev Tools v8.0.0 Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more IE11 release_note:skip Skip the PR/issue when compiling release notes v7.9.0 labels May 11, 2020
@jloleysens jloleysens requested a review from cjcenizal May 11, 2020 12:48
@jloleysens jloleysens requested a review from a team as a code owner May 11, 2020 12:48
@elasticmachine
Copy link
Contributor

Pinging @elastic/es-ui (Team:Elasticsearch UI)

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

Copy link
Contributor

@cjcenizal cjcenizal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested locally, code LGTM! I have no idea how to solve that 1px scroll issue, but it doesn't prevent the user from accessing any functionality, so I think it's acceptable.

@jloleysens
Copy link
Contributor Author

@cjcenizal Thanks for the review!

I am inclined to agree that the problem is acceptable since it is really only scoped to IE11. I've updated my PR description to point out that the problem also exists on FF in Painless Lab. I'll open an issue to investigate further as these are minor annoyances, but they should be fixed.

@jloleysens jloleysens merged commit 2ad2bfa into elastic:master May 12, 2020
@jloleysens jloleysens deleted the console/fix/height-styling-issue-ie11 branch May 12, 2020 07:37
jloleysens added a commit to jloleysens/kibana that referenced this pull request May 12, 2020
jloleysens added a commit to jloleysens/kibana that referenced this pull request May 12, 2020
gmmorris added a commit to gmmorris/kibana that referenced this pull request May 12, 2020
* master: (46 commits)
  [Drilldowns][chore] Remove some any's from components. Remove `PlaceContext` from components (elastic#65854)
  [functional/services] import By/until from module (elastic#66015)
  [Drilldowns][IE] fix welcome bar layout in IE (elastic#65676)
  Inspect action shows on dashboard for every chart (elastic#65998)
  Fix heigt calc in calc issue for ie11 (elastic#66010)
  [Flights] Delay Bucket - Error notification on opening sample visualization (elastic#66028)
  [SIEM] [Security] unified code structure phase 0 (elastic#65965)
  [Maps] Organize layers into subfolders (elastic#65513)
  skip flaky suite (elastic#59849)
  Cleanup prefill and edit flow. (elastic#66105)
  Fix major severity service map ring colors (elastic#66124)
  [DOCS] Improves formatting in action types (elastic#65932)
  [DOCS] APM Agent config: Setting values must be string (elastic#65875)
  Change default cert age limit value. (elastic#65918)
  [DOCS] Removed saved object options (elastic#66072)
  [SIEM] [Cases] Case API tests (elastic#65777)
  Add example of of local plugin installation (elastic#65986)
  skip flaky suite (elastic#65741)
  [SIEM][Detections] Restrict ML rule modification to ML Admins (elastic#65583)
  [Reporting/Test] Add Functional test for download CSV (elastic#65401)
  ...
jloleysens added a commit that referenced this pull request May 12, 2020
…ine-editor

* 'master' of github.com:elastic/kibana: (37 commits)
  [APM] Correct relative paths in scripts (#66159)
  [Uptime] Enable deselection of stale filters (#65523)
  [Drilldowns][chore] Remove some any's from components. Remove `PlaceContext` from components (#65854)
  [functional/services] import By/until from module (#66015)
  [Drilldowns][IE] fix welcome bar layout in IE (#65676)
  Inspect action shows on dashboard for every chart (#65998)
  Fix heigt calc in calc issue for ie11 (#66010)
  [Flights] Delay Bucket - Error notification on opening sample visualization (#66028)
  [SIEM] [Security] unified code structure phase 0 (#65965)
  [Maps] Organize layers into subfolders (#65513)
  skip flaky suite (#59849)
  Cleanup prefill and edit flow. (#66105)
  Fix major severity service map ring colors (#66124)
  [DOCS] Improves formatting in action types (#65932)
  [DOCS] APM Agent config: Setting values must be string (#65875)
  Change default cert age limit value. (#65918)
  [DOCS] Removed saved object options (#66072)
  [SIEM] [Cases] Case API tests (#65777)
  Add example of of local plugin installation (#65986)
  skip flaky suite (#65741)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Dev Tools IE11 release_note:skip Skip the PR/issue when compiling release notes Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more v7.8.0 v7.8.1 v7.9.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants